/* src/assets/main.css */

/* 设置全局字体和颜色 */
*{
  margin:0;
  padding:0;
}
body {
    font-family: 'Arial', sans-serif;
    color: #333;
    background-color: #f9f9f9;
    margin: 0;
    padding: 0;
  }
  input {
    box-sizing: border-box;
    padding: 8px 15px;
    font-size: 14px;
    border: 1px solid #dcdfe6;
    border-radius: 4px;
    outline: none;
    width: 20%;
    transition: border-color 0.2s, box-shadow 0.2s;
    background-color: #fff;
    color: #606266;
    display: inline-block;
  }
  
  input:focus {
    border-color: #409eff;
    box-shadow: 0 0 2px rgba(64, 158, 255, 0.5);
  }
  
  input::placeholder {
    color: #c0c4cc;
  }
  
  input[disabled] {
    background-color: #f5f7fa;
    border-color: #e4e7ed;
    color: #c0c4cc;
    cursor: not-allowed;
  }
  
  input:hover {
    border-color: #c6e2ff;
  }
  
  input[readonly] {
    background-color: #f5f7fa;
    color: #909399;
    cursor: not-allowed;
  }
  
  
  /* 统一按钮样式 */
 /* 设置按钮的全局样式 */
 button {
  background-color: #035ab1;
  border: 1px solid #035ab1;
  border-radius: 4px;
  color: white;
  padding: 12px 20px;
  font-family: "PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
}

button:hover {
  background-color: #2691fc;
  border-color: #2691fc;
}

button:focus,
button:active {
  outline: none;
  background-color:#035ab1;
  border-color: #035ab1;
}
  
  /* 表格样式 */
  .custom-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
  }
  
  .custom-table th,
  .custom-table td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
  }
  
  .custom-table th {
    background-color: #035ab1;
    color: white;
  }
  
  /* 弹窗样式 */
  .modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
  }
  
  .modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    z-index: 1000;
  }
  
  .modal .close {
    float: right;
    font-size: 20px;
    cursor: pointer;
  }
  
  /* 侧边栏样式 */
  .footer_wrap {
    background-color: #f0f0f0;
    padding: 20px;
    display: flex;
    flex-direction: column;
  }
  
  .footer_wrap p {
    font-weight: bold;
    margin-bottom: 10px;
    cursor: pointer;
  }
  
  .footer_wrap a {
    color: #4CAF50;
    text-decoration: none;
    margin-bottom: 10px;
  }
  
  .footer_wrap a:hover {
    color: #45a049;
  }
  
  /* 内容区样式 */
  .content {
    padding: 20px;
  }
  